<template>
  <!-- 账户设置 -->
  <Card class="acount-setting-warp">
    <Row>
      <i-col span="12">
        <Input search enter-button placeholder="请输入搜索内容" style="width:500px;" />
        <Table :columns="columns1" :data="data1"></Table>
      </i-col>
      <i-col span="12">2</i-col>
    </Row>
  </Card>
</template>

<script>
export default {
  data() {
    return {
      columns1: [
        {
          title: "Name",
          key: "name",
        },
        {
          title: "Age",
          key: "age",
        },
        {
          title: "Address",
          key: "address",
        },
      ],
      data1: [
        {
          name: "John Brown",
          age: 18,
          address: "New York No. 1 Lake Park",
          date: "2016-10-03",
        },
        {
          name: "Jim Green",
          age: 24,
          address: "London No. 1 Lake Park",
          date: "2016-10-01",
        },
        {
          name: "Joe Black",
          age: 30,
          address: "Sydney No. 1 Lake Park",
          date: "2016-10-02",
        },
        {
          name: "Jon Snow",
          age: 26,
          address: "Ottawa No. 2 Lake Park",
          date: "2016-10-04",
        },
      ],
    };
  },
};
</script>

<style scoped>
.acount-setting-warp {
  min-height: 590px;
}
</style>